<template>
  <div class="page-container" style="text-align: center;">
    <div id="loading-panel">
      <h3><strong>当前访问数量：</strong></h3>
      <h1><strong>{{count}}</strong></h1>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      count: 0,

    }
  },
  mounted: function() {
    this.getViewCount()
  },
  methods: {
    getViewCount: function() {
      this.$axios.get(`getViewCount.php`)
            .then(res => {
              console.log(res)
              this.count = res.data
            })
            .catch(error => {
              console.log(error)
            })
    },

  },



}
</script>
